<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>仿小米首页</title>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="./js/style.js"></script>
<link rel="stylesheet" href="./css/style.css">
<body>
	<!-- 这里顶部开始 -->
	<div class="top">
		<div class="mid">
			<div class="left">
				<a href="">小米商城</a>
				<span>|</span>
				<a href="">MIUI</a>
				<span>|</span>
				<a href="">米聊</a>
				<span>|</span>
				<a href="">游戏</a>
				<span>|</span>
				<a href="">多看阅读</a>
				<span>|</span>
				<a href="">云服务</a>
				<span>|</span>
				<a href="">金融</a>
				<span>|</span>
				<a href="">小米商城移动版</a>
				<span>|</span>
				<a href="">问题反馈</a>
				<span>|</span>
				<a href="">Select Region</a>
			</div>
			<div class="right1">
			<a class="car" href=""><i class="mi_font">&#xe60c</i>购物车（0）<div class="car_son">购物车中还没有商品，赶紧选购吧！</div></a>
			</div>
			<div class="right2">
				<a href="">登录</a>
				<span>|</span>
				<a href="">注册</a>
				<span>|</span>
				<a href="">消息通知</a>
			</div>
		</div>
	</div>
	<!-- 这里顶部结束 -->

	<!-- 这是是内容的主要部分的第一块的开始 -->
	<div class="vau1">
		<!-- 这里开始logo，导航，搜索栏 -->
		<div class="sitehead">
			<div class="header">
				<div class="header_logo">
					<img src="" alt="">
				</div>
				<div class="headlist">
					<li class="wuyon"></li>
					<a href="" class="text xiala">小米手机
					<div class="a_son">
						<ul class="aSon_mid">
							<li><p class="top_a">新品</p><img src="./image/mi5c_320x220.png" alt=""><p>小米手机5c</p><span>1499元</span></li>
							<li><p class="top_a">新品</p><img src="./image/mi5c_320x220.png" alt=""><p>小米手机5c</p><span>1499元</span></li>
							<li><p class="top_a">新品</p><img src="./image/mi5c_320x220.png" alt=""><p>小米手机5c</p><span>1499元</span></li>
							<li><p class="top_a">新品</p><img src="./image/mi5c_320x220.png" alt=""><p>小米手机5c</p><span>1499元</span></li>
							<li><p class="top_a">新品</p><img src="./image/mi5c_320x220.png" alt=""><p>小米手机5c</p><span>1499元</span></li>
							<li><p class="top_a">新品</p><img src="./image/mi5c_320x220.png" alt=""><p>小米手机5c</p><span>1499元</span></li>
						</ul>
					</div>
					</a>
					<a href="" class="text xiala">红米</a>
					<a href="" class="text xiala">电视</a>
					<a href="" class="text xiala">盒子 · 影音</a>
					<a href="" class="text xiala">路由器</a>
					<a href="" class="text xiala">智能硬件</a>
					<a href="" class="text">服务</a>
					<a href="" class="text">社区</a>
				</div>
				<div class="headseareh">
					<input type="text" class="serase">
					<input type="submit" class="mi_font sumbit" value="&#xe616">
				</div>
			</div>
		<!-- logo，导航，搜索栏到这里结束 -->
		<!-- 网站的分类导航和幻灯片区域从这里开始 -->
		<div class="mid">
				<div class="list">
					<ul>
						<li class="text"><a href="" class="alj">手机 电话卡<i class="mi_font left">&#xe623</i></a></li>
						<div class="lbt_left text"><ul class="lbt_leftSon">
							<li><img src="./image/5c_80.png" alt=""><a href="">小米手机5c</a><div class="xuangou">选购</div></li>
							<li><img src="./image/5c_80.png" alt=""><a href="">小米手机5c</a><div class="xuangou">选购</div></li>
							<li><img src="./image/5c_80.png" alt=""><a href="">小米手机5c</a><div class="xuangou">选购</div></li>
							<li><img src="./image/5c_80.png" alt=""><a href="">小米手机5c</a><div class="xuangou">选购</div></li>
							<li><img src="./image/5c_80.png" alt=""><a href="">小米手机5c</a><div class="xuangou">选购</div></li>
							<li><img src="./image/5c_80.png" alt=""><a href="">小米手机5c</a><div class="xuangou">选购</div></li>
						</ul>
						<ul class="lbt_leftSon">
							<li><img src="./image/5c_80.png" alt=""><a href="">小米手机5c</a><div class="xuangou">选购</div></li>
							<li><img src="./image/5c_80.png" alt=""><a href="">小米手机5c</a><div class="xuangou">选购</div></li>
							<li><img src="./image/5c_80.png" alt=""><a href="">小米手机5c</a><div class="xuangou">选购</div></li>
							<li><img src="./image/5c_80.png" alt=""><a href="">小米手机5c</a><div class="xuangou">选购</div></li>
							<li><img src="./image/5c_80.png" alt=""><a href="">小米手机5c</a><div class="xuangou">选购</div></li>
							<li><img src="./image/5c_80.png" alt=""><a href="">小米手机5c</a><div class="xuangou">选购</div></li>
						</ul>
						<ul class="lbt_leftSon">
							<li><img src="./image/5c_80.png" alt=""><a href="">小米手机5c</a><div class="xuangou">选购</div></li>
							<li><img src="./image/5c_80.png" alt=""><a href="">小米手机5c</a><div class="xuangou">选购</div></li>
							<li><img src="./image/5c_80.png" alt=""><a href="">小米手机5c</a><div class="xuangou">选购</div></li>
							<li><img src="./image/5c_80.png" alt=""><a href="">小米手机5c</a><div class="xuangou">选购</div></li>
							<li><img src="./image/5c_80.png" alt=""><a href="">小米手机5c</a><div class="xuangou">选购</div></li>
							<li></li>
						</ul></div>
						<li class="text"><a href="" class="alj">笔记本 平板<i class="mi_font left">&#xe623</i></a></li>
						<li class="text"><a href="" class="alj">电视 盒子<i class="mi_font left">&#xe623</i></a></li>
						<li class="text"><a href="" class="alj">路由器 智能硬件<i class="mi_font left">&#xe623</i></a></li>
						<li class="text"><a href="" class="alj">移动电源 电池 插线板<i class="mi_font left">&#xe623</i></a></li>
						<li class="text"><a href="" class="alj">耳机 音箱<i class="mi_font left">&#xe623</i></a></a></li>
						<li class="text"><a href="" class="alj">保护套 贴膜<i class="mi_font left">&#xe623</i></a></li>
						<li class="text"><a href="" class="alj">线材 支架 储存卡<i class="mi_font left">&#xe623</i></a></li>
						<li class="text"><a href="" class="alj">箱包 服饰<i class="mi_font left">&#xe623</i></a></li>
						<li class="text"><a href="" class="alj">米兔 生活周边<i class="mi_font left">&#xe623</i></a></li>
					</ul>
					<div class="bg"></div>
				</div>
				<div class="click_left"></div>
				<div class="click_right"></div>
				<div class="image">
					<img src="./image/p1.jpg" alt="">
					<img src="./image/p2.jpg" alt="">
					<img src="./image/p3.jpg" alt="">
					<img src="./image/p4.jpg" alt="">
					<img src="./image/p5.jpg" alt="">
				</div>
				<ul class="click_list">
					<li class="list_son"></li>
					<li class="list_son"></li>
					<li class="list_son"></li>
					<li class="list_son"></li>
					<li class="list_son"></li>
				</ul>
			</div>
		<!-- 分类导航和幻灯片下面的小图从这里开始 -->
		<div class="footer">
			<div class="xiaok">
				<ul>
					<li class="bianjie"><a href="" class="a"><i class="mi_font ioo">&#xe901</i></br>选购手机</a></li>
					<li class="bianjie"><a href="" class="a"><i class="mi_font ioo">&#xe63e</i></br>企业团购</a></li>
					<li class="bianjie"><a href="" class="a"><i class="mi_font ioo">&#xe63b</i></br>官翻产品</a></li>
					<li class="bianjie"><a href="" class="a"><i class="mi_font ioo">&#xe641</i></br>小米移动</a></li>
					<li class="bianjie"><a href="" class="a"><i class="mi_font ioo">&#xe900</i></br>以旧换新</a></li>
					<li class="bianjie"><a href="" class="a"><i class="mi_font ioo">&#xe63c</i></br>话费充值</a></li>
				</ul>
			</div>
			<ul class="li">
				<li class="xtu">
					<img src="./image/c1.jpg" alt="">
				</li>
				<li class="xtu">
					<img src="./image/c2.jpg" alt="">
				</li>
				<li class="xtu">
					<img src="./image/c3.jpg" alt="">
				</li>
			</ul>
		</div>
		<!-- 导航下面的小图到这里结束 -->
		<div class="footerbox">
			<div class="hd">
				<h2 class="tittle">小米明星单品</h2>
				<div class="xd">
					<span href="" class="xdleft"><i class="mi_font">&#xe628</i></span>
					<span class="xdright"><i class="mi_font">&#xe623</i></span>
				</div>
			</div>
			<div class="box">
				<ul>
					<li class="img">
					<div class="xian2"></div>
						<a href="">
							<img src="./image/cp2.png" alt="">
						</a>
						<h3>小米电视3s 48英寸</h3>
						<p class="p1">原装液晶屏，金属机身</p>
						<p class="p2">2599元</p>
					</li><li class="img">
					<div class="xian1"></div>
						<a href="">
							<img src="./image/cp1.jpg" alt="">
						</a>
						<h3>小米笔记本</h3>
						<p class="p1">更轻更薄，像杂志一样随身携带</p>
						<p class="p2">3499元起</p>
					</li>
					<li class="img">
					<div class="xian3"></div>
						<a href="">
							<img src="./image/cp3.png" alt="">
						</a>
						<h3>小米移动电源2</h3>
						<p class="p1">双向快充，高密度锂聚合物电芯</p>
						<p class="p2">79元</p>
					</li>
					<li class="img">
					<div class="xian4"></div>
						<a href="">
							<img src="./image/cp4.png" alt="">
						</a>
						<h3>小米手环 2</h3>
						<p class="p1">OLED 显示屏幕，升级计步算法</p>
						<p class="p2">149元</p>
					</li>
					<li class="img">
						<div class="xian5"></div>
						<a href="">
							<img src="./image/cp5.png" alt="">
						</a>
						<h3>米家扫地机器人</h3>
						<p class="p1">智能路径规划，扫得干净扫得快</p>
						<p class="p2">1699元</p>
					</li>
					<li class="img">
					<div class="xian1"></div>
						<a href="">
							<img src="./image/cp1.jpg" alt="">
						</a>
						<h3>小米笔记本</h3>
						<p class="p1">更轻更薄，像杂志一样随身携带</p>
						<p class="p2">3499元起</p>
					</li>
					<li class="img">
					<div class="xian2"></div>
						<a href="">
							<img src="./image/cp2.png" alt="">
						</a>
						<h3>小米电视3s 48英寸</h3>
						<p class="p1">原装液晶屏，金属机身</p>
						<p class="p2">2599元</p>
					</li>
					<li class="img">
					<div class="xian3"></div>
						<a href="">
							<img src="./image/cp3.png" alt="">
						</a>
						<h3>小米移动电源2</h3>
						<p class="p1">双向快充，高密度锂聚合物电芯</p>
						<p class="p2">79元</p>
					</li>
					<li class="img">
					<div class="xian4"></div>
						<a href="">
							<img src="./image/cp4.png" alt="">
						</a>
						<h3>小米手环 2</h3>
						<p class="p1">OLED 显示屏幕，升级计步算法</p>
						<p class="p2">149元</p>
					</li>
					<li class="img">
						<div class="xian5"></div>
						<a href="">
							<img src="./image/cp5.png" alt="">
						</a>
						<h3>米家扫地机器人</h3>
						<p class="p1">智能路径规划，扫得干净扫得快</p>
						<p class="p2">1699元</p>
					</li>
				</ul>
			</div>
		</div>
		</div>
	</div>
	<!-- 主要内容的第一块到这里结束 -->

	<!-- 主要内容的第二部分从这里开始 -->
	<div class="vau2">
		<div class="znyj">
			<div class="head">
				<h2 class="tittle">智能硬件</h2>
				<div class="ckqb">
					<a href="">查看全部<i class="mi_font 1ckqb">&#xe623</i></a>
				</div>
			</div>
			<div class="row">
				<div class="span">
				<a href="">
				<img src="./image/b1.jpg" alt="" class="yinying"></a>
				</div>
				<div class="span16">
					<ul>
						<li class="yinying">
							<div class="img"><a href=""><img src="./image/b2.jpg" alt=""></a></div>
							 <h3><a href="" class="dh">米家小白智能摄像机</a></h3>
							 <p class="jiesao">360° 全景拍摄，1080P 高清摄像</p>
							 <p class="jiage">399元</p>
						</li>
						<li class="yinying">
							<div class="img"><a href=""><img src="./image/b3.jpg" alt=""></a></div>
							 <h3><a href="" class="dh">米兔儿童手表Q</a></h3>
							 <p class="jiesao">11 重安全设计，五重精准定位</p>
							 <p class="jiage">299元</p>
						</li>
						<li class="yinying">
							<div class="img"><a href=""><img src="./image/b4.jpg" alt=""></div>
							 <h3><a href="" class="dh">米兔智能故事机</a></h3>
							 <p class="jiesao">微信远程互动，智能语音交互</p>
							 <p class="jiage">199元</p>
						</li>
						<li class="yinying">
							<div class="img"><a href=""><img src="./image/b5.jpg" alt=""></div>
							 <h3><a href="" class="dh">米家压力IH电饭煲/a></h3>
							<p class="jiesao">智能烹饪，灰铸铁粉体涂层内胆</p>
							 <p class="jiage">999元</p>
						</li>
						<li class="yinying">
							<div class="img"><a href=""><img src="./image/b6.jpg" alt=""></div>
							 <h3><a href="" class="dh">小米米家电动滑板车</a></h3>
							 <p class="jiesao">极简几何设计，1 分钟轻松上手</p>
							 <p class="jiage">999元</p>
						</li>
						<li class="yinying">
							<div class="img"><a href=""><img src="./image/b7.jpg" alt=""></div>
							 <h3><a href="" class="dh">米兔积木机器人</a></h3>
							 <p class="jiesao">978个零件，享受挑战双手的乐趣</p>
							 <p class="jiage">499元</p>
						</li>
						<li class="yinying">
							<div class="img"><a href=""><img src="./image/b8.jpg" alt=""></div>
							 <h3><a href="" class="dh">防雾霾口罩</a></h3>
							 <p class="jiesao">过滤 99.97% PM2.5 颗粒物</p>
							 <p class="jiage">69元</p>
						</li>
						<li class="yinying">
							<div class="img"><a href=""><img src="./image/b9.png" alt=""></div>
							 <h3><a href="" class="dh">米兔定位电话</a></h3>
							 <p class="jiesao">高清双向通话，五重精准定位</p>
							 <p class="jiage">169元</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="dapei">
			<div class="head">
				<h2 class="tittle">搭配</h2>
				<div class="rightdh">
					<ul>
						<li class="dh"><a href="">热门</a></li>
						<li class="dh"><a href="">耳机音箱</a></li>
						<li class="dh"><a href="">电源</a></li>
						<li class="dh"><a href="">电池存储卡</a></li>
					</ul>
				</div>
			</div>
			<div class="row">
				<div class="span4">
					<ul>
						<li class="yinying"><a href=""><img src="./image/d1.png" alt=""></a></li>
						<li class="yinying"><a href=""><img src="./image/d2.jpg" alt=""></a></li>
					</ul>
				</div>
				<div class="span16">
					<ul>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/dd1.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">小米移动电源5000mAh</a></h3>
							 <p class="jiage">49元</p>
							 <p class="rank">9.8万人评价</p>
						</li>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/dd2.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">20000mAh小米移动电源2</a></h3>
							 <p class="jiage">149元</p>
							 <p class="rank">3910人评价</p>
						</li>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/dd3.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">小米圈铁耳机Pro</a></h3>
							 <p class="jiage">149元</p>
							 <p class="rank">6183人评价</p>
						</li>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/dd4.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">小米移动电源10000mAh高配版</a></h3>
							 <p class="jiage">149元</p>
							 <p class="rank">1320人评价</p>
						</li>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/dd5.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">小米活塞耳机清新版</a></h3>
							 <p class="jiage">29元</p>
							 <p class="rank">1万人评价</p>
						</li>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/dd6.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">小米蓝牙耳机青春版</a></h3>
							 <p class="jiage">59元</p>
							 <p class="rank">1.1万人评价</p>
						</li>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/dd7.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">小米小钢炮蓝牙音箱2</a></h3>
							 <p class="jiage">129元</p>
							 <p class="rank">1.8万人评价</p>
						</li>
						<li class="son1 yinying">
						<div><a href=""><img src="./image/e1.jpg" alt="" class="erji"></a></div>
						<h3><a href="">小米圈铁耳...</a></h3>
						<p class="jiage">99元</p>
						</li>
						<li class="son2 yinying">
						<div><a href="" class="right"><i class="mi_font">&#xe615</i></a></div>
						<a href="" class="more">浏览更多</br><span>热门</span></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="peijian">
			<div class="head">
				<h2 class="tittle">配件</h2>
				<div class="rightdh rightdh2">
					<ul>
						<li class="dh"><a href="">热门</a></l2i>
						<li class="dh"><a href="">保护套</a></li>
						<li class="dh"><a href="">贴膜</a></li>
						<li class="dh"><a href="">其他配件</a></li>
					</ul>
				</div>
			</div>
			<div class="row">
				<div class="span4">
					<ul>
						<li class="yinying"><a href=""><img src="./image/d3.jpg" alt=""></a></li>
						<li class="yinying"><a href=""><img src="./image/d4.png" alt=""></a></li>
					</ul>
				</div>
				<div class="span16">
					<ul>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/ee1.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">小米4c智能唤醒翻盖保护套</a></h3>
							 <p class="jiage">29元</p>
							 <p class="rank">2.4万人评价</p>
						</li>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/ee2.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">小米自拍杆（线控版）</a></h3>
							 <p class="jiage">49元</p>
							 <p class="rank">5270人评价</p>
						</li>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/ee3.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">小米5 钢化玻璃贴膜(0.22mm)</a></h3>
							 <p class="jiage">29元</p>
							 <p class="rank">4.6万人评价</p>
						</li>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/ee4.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">红米4高配版 标准高透贴膜</a></h3>
							 <p class="jiage">19元</p>
							 <p class="rank">1615人评价</p>
						</li>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/ee5.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">小米5s 标准高透贴膜</a></h3>
							 <p class="jiage">19元</p>
							 <p class="rank">4071人评价</p>
						</li>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/ee6.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">小米随身WIFI</a></h3>
							 <p class="jiage">19.9元</p>
							 <p class="rank">30.3万人评价</p>
						</li>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/ee7.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">小米5s Plus 标准高透贴膜</a></h3>
							 <p class="jiage">19元</p>
							 <p class="rank">2627人评价</p>
						</li>
						<li class="son1 yinying">
						<div><a href=""><img src="./image/ee8.jpg" alt="" class="erji"></a></div>
						<h3><a href="">红米4高配版...</a></h3>
						<p class="jiage" >19元</p>
						</li>
						<li class="son2 yinying">
						<div><a href="" class="right"><i class="mi_font">&#xe615</i></a></div>
						<a href="" class="more">浏览更多</br><span>热门</span></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="zhoubian">
			<div class="head">
				<h2 class="tittle">周边</h2>
				<div class="rightdh rightdh3">
					<ul>
						<li class="dh"><a href="">热门</a></li>
						<li class="dh"><a href="">服装</a></li>
						<li class="dh"><a href="">米兔</a></li>
						<li class="dh"><a href="">生活周边</a></li>
						<li class="dh"><a href="">箱包</a></li>
					</ul>
				</div>
			</div>
			<div class="row">
				<div class="span4">
					<ul>
						<li class="yinying"><a href=""><img src="./image/d5.jpg" alt=""></a></li>
						<li class="yinying"><a href=""><img src="./image/d6.jpg" alt=""></a></li>
					</ul>
				</div>
				<div class="span16">
					<ul>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/ff1.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">最生活毛巾·青春系列</a></h3>
							 <p class="jiage">19.9元</p>
							 <p class="rank">2086人评价</p>
						</li>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/ff2.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">小米简约头层小牛皮钱包</a></h3>
							 <p class="jiage">129元</p>
							 <p class="rank">169人评价</p>
						</li>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/ff3.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">经典连帽休闲卫衣</a></h3>
							 <p class="jiage">109元</p>
							 <p class="rank">2274人评价</p>
						</li>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/ff4.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">小米空气层连帽运动卫衣 女款</a></h3>
							 <p class="jiage">149元</p>
							 <p class="rank">171人评价</p>
						</li>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/ff5.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">米家签字笔</a></h3>
							 <p class="jiage">14.9元</p>
						</li>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/ff6.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">防雾霾口罩</a></h3>
							 <p class="jiage">69元</p>
							 <p class="rank">2420人评价</p>
						</li>
						<li class="yinying">
							<div class="img2">
							<a href="">
							<img src="./image/ff7.jpg" alt=""></a>
							</div>
							 <h3><a href="" class="dh">8H多功能护颈枕U1</a></h3>
							 <p class="jiage">79元</p>
							 <p class="rank">820人评价</p>
						</li>
						<li class="son1 yinying">
						<div><a href=""><img src="./image/ff8.jpg" alt="" class="erji"></a></div>
						<h3><a href="">变形金刚特...</a></h3>
						<p class="jiage">169元</p>
						</li>
						<li class="son2 yinying">
						<div><a href="" class="right"><i class="mi_font">&#xe615</i></a></div>
						<a href="" class="more">浏览更多</br><span>热门</span></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="tuijian">
			<div class="head">
				<h2 class="tittle">为你推荐</h2>
				<div class="xd">
					<a href="" class="xdleft"><i class="mi_font">&#xe628</i></a>
					<a href="" class="xdright"><i class="mi_font">&#xe623</i></a>
				</div>
			</div>
			<div class="box">
				<ul>
					<li>
						<dl>
							<dt><a href=""><img src="./image/tj1.jpg" alt=""></a>
								<dd class="bt"><a href="">小米笔记本Air 13.3英寸</a></dd>
								<dd class="jg">4999元</dd>
								<dd class="hp">6764人好评</dd>
							</dt>
						</dl>
					</li>
					<li>
						<dl>
							<dt><a href=""><img src="./image/tj2.jpg" alt=""></a>
								<dd class="bt"><a href="">米家 LED 智能台灯</a></dd>
								<dd class="jg">169元</dd>
								<dd class="hp">1.4万人好评</dd>
							</dt>
						</dl>
					</li>
					<li>
						<dl>
							<dt><a href=""><img src="./image/tj3.jpg" alt=""></a>
								<dd class="bt"><a href="">空气净化器滤芯 除甲醛增强版</a></dd>
								<dd class="jg">169元</dd>
								<dd class="hp">3280人好评</dd>
							</dt>
						</dl>
					</li>
					<li>
						<dl>
							<dt><a href=""><img src="./image/tj4.jpg" alt=""></a>
								<dd class="bt"><a href="">小方智能摄像机</a></dd>
								<dd class="jg">129元</dd>
								<dd class="hp">1865人好评</dd>
							</dt>
						</dl>
					</li>
					<li class="none">
						<dl>
							<dt><a href=""><img src="./image/tj5.jpg" alt=""></a>
								<dd class="bt"><a href="">10000mAh小米移动电源2</a></dd>
								<dd class="jg">79元</dd>
								<dd class="hp">1.8万人好评</dd>
							</dt>
							<div class="none_box">
								<p>lalallalallallalaejuiwehurihwuirhwueir评价</p>
								<a href="">来自 啦啦 的评价</a>
							</div>
						</dl>
					</li>
				</ul>
			</div>
		</div>
		<div class="reping">
			<div class="head">
				<h2 class="tittle">热评产品</h2>
			</div>
			<div class="box">
				<ul>
					<li class="li">
						<div><a href=""><img src="./image/rp1.jpg" alt=""></a></div>
						<p class="review"><a href="">样子好可爱，特别是转来转去时很有趣。让它休眠时它就会把头转过去背对着你了，唤醒它又会自动转回来。你</a></p>
						<p class="author">来自于 随风 的评价</p>
						<div class="info">
							<h3>米家小白智能摄像机</h3>
							<span>|</span>
							<p>399元</p>
						</div>
					</li>
					<li>
						<div><a href=""><img src="./image/rp2.jpg" alt=""></a></div>
						<p class="review"><a href="">东西真心不错，用过最好用的插线板，做工外观没得挑剔，3个USB接口很实用，充电快，建议不包邮的应该在...</a></p>
						<p class="author"> 来自于 yinyin19891117 的评价 </p>
						<div class="info">
							<h3>小米插线板</h3>
							<span>|</span>
							<p>49元</p>
						</div>
					</li>
					<li>
						<div><a href=""><img src="./image/rp3.jpg" alt=""></a></div>
						<p class="review"><a href="">包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...</a></p>
						<p class="author"> 来自于 HZG 的评价 </p>
						<div class="info">
							<h3>米家压力IH电饭煲</h3>
							<span>|</span>
							<p>999元</p>
						</div>
					</li>
					<li>
						<div><a href=""><img src="./image/rp4.jpg" alt=""></a></div>
						<p class="review"><a href="">有了它，妈妈再也不用担心我喝不到健康的水了。呵呵，良心产品，平民价格，对现在的水质起到了很好的改善作</a></p>
						<p class="author"> 来自于 爱疯911 的评价 </p>
						<div class="info">
							<h3>小米净水器</h3>
							<span>|</span>
							<p>1299元</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="neirong">
			<div class="head">
				<he class="tittle">内容</he>
			</div>
			<div class="box">
				<ul>
					<li class="li1 yinying">
						<h2 class="title">图书</h2>
						<div class="tushu">
							<h4 class="name">哈利·波特与被诅咒的孩子</h4>
							<p class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>
							<p class="price">29.37元</p>
							<div><img src="./image/nr1.png" alt=""></div>
						</div>
					</li>
					<li class="li2 yinying">
						<h2 class="title">MIUI 主题</h2>
						<div class="tushu">
							<h4 class="name">bilibili拜年祭</h4>
							<p class="desc">bilibili拜年祭 </p>
							<p class="price">免费</p>
							<div><img src="./image/nr2.jpg" alt=""></div>
						</div>
					</li>
					<li class="li3 yinying">
						<h2 class="title">游戏</h2>
						<div class="tushu">
							<h4 class="name">米柚手游模拟器</h4>
							<p class="desc">在电脑上玩遍小米所有手游 </p>
							<p class="price">免费</p>
							<div><img src="./image/nr3.png" alt=""></div>
						</div>
					</li>
					<li class="li4 yinying">
						<h2 class="title">应用</h2>
						<div class="tushu">
							<h4 class="name">2017金米奖</h4>
							<p class="desc">最优秀的应用和游戏</p>
							<p class="price"></p>
							<div><img src="./image/nr4.png" alt=""></div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="shiping">
			<div class="shipinghead">
				<h2 class="tittle">视频</h2>
				<div class="ckqb">
					<a href="">查看全部<i class="mi_font 1ckqb">&#xe623</i></a>
				</div>
			</div>
			<div class="box">
				<ul>
					<li class="li yinying">
						<div class="img"><a href=""><img src="./image/sp1.jpg" alt=""><span><i class="mi_font">&#xe601</i></span></a></div>
						<h3 class="tlttle"><a href="">红米Note 4X 环岛挑战</a></h3>
						<p>看看我们关于超长续航的疯狂想法</p>
					</li>
					<li  class="yinying">
						<div class="img"><a href=""><img src="./image/sp2.jpg" alt=""><span><i class="mi_font">&#xe601</i></span></a></div>
						<h3 class="tlttle"><a href="">小米之家里发生了一件怪事</a></h3>
						<p>World Order星机械人受邀访问地球</p>
					</li>
					<li  class="yinying">
						<div class="img"><a href=""><img src="./image/sp3.jpg" alt=""><span><i class="mi_font">&#xe601</i></span></a></div>
						<h3 class="tlttle"><a href="">小米MIX 概念手机背后的故事</a></h3>
						<p>雷总亲自讲述小米MIX 的诞生</p>
					</li>
					<li class="yinying">
						<div class="img"><a href=""><img src="./image/sp4.jpg" alt=""><span><i class="mi_font">&#xe601</i></span></a></div>
						<h3 class="tlttle"><a href="">一面科技，一面艺术</a></h3>
						<p>梁朝伟讲述双面人生</p>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 主要内容的第二部分到这里结束了 -->

	<!-- 这里开始是网站地图 -->
	<div class="vau3">
		<div class="top">
			<ul>
				<li><a href="" class="souhou"><i class="mi_font">&#xe634</i>预约维修服务</a></li>
				<li class="xian"><a href="" class="souhou"><i class="mi_font">&#xe635</i>7天无理由退货</a></li>
				<li class="xian"><a href="" class="souhou"><i class="mi_font">&#xe636</i>15天免费换货</a></li>
				<li class="xian"><a href="" class="souhou"><i class="mi_font">&#xe638</i>满150元包邮</a></li>
				<li class="xian"><a href="" class="souhou"><i class="mi_font">&#xe637</i>520余家售后网点</a></li>
			</ul>
		</div>
		<div class="ditu">
			<dl>
				<dt class="col-links">帮助中心
					<dd><a href="">账户管理</a></dd>
					<dd><a href="">购物指南</a></dd>
					<dd><a href="">订单操作</a></dd>
				</dt>
			</dl>
			<dl>
				<dt class="col-links">服务支持
					<dd><a href="">售后政策</a></dd>
					<dd><a href="">自助服务</a></dd>
					<dd><a href="">相关下载</a></dd>
				</dt>
			</dl>
			<dl>
				<dt class="col-links">线下门店
					<dd><a href="">小米之家</a></dd>
					<dd><a href="">服务网点</a></dd>
					<dd><a href="">零售网点</a></dd>
				</dt>
			</dl>
			<dl>
				<dt class="col-links">关于小米
					<dd><a href="">了解小米</a></dd>
					<dd><a href="">加入小米</a></dd>
					<dd><a href="">联系我们</a></dd>
				</dt>
			</dl>
			<dl>
				<dt class="col-links">关注我们
					<dd><a href="">新浪微博</a></dd>
					<dd><a href="">小米部落</a></dd>
					<dd><a href="">官方微信</a></dd>
				</dt>
			</dl>
			<dl>
				<dt class="col-links">特色服务
					<dd><a href="">F 码通道</a></dd>
					<dd><a href="">礼物码</a></dd>
					<dd><a href="">防伪查询</a></dd>
				</dt>
			</dl>
			<div class="tel">
				<p class="phome">400-100-5678</p>
				<p class="time"><span>周一至周日 8:00-18:00</span><br>（仅收市话费）</p>
				<a href="" class="kf"><i class="mi_font">&#xe600</i> 24小时在线客服</a>
			</div>
		</div>
	</div>
		

	<!-- 网站地址到这里结束 -->

	<!-- 这里开始是友情链接块 -->
	<div class="footer">
		<div class="sitefooter">
			<div class="conter">
				<div class="logo"></div>
				<div class="text">
					<p class="youlian">
						<a href="">小米商城</a>
						<span>|</span>
						<a href="">MIUI</a>
						<span>|</span>
						<a href="">米聊</a>
						<span>|</span>
						<a href="">多看书城</a>
						<span>|</span>
						<a href="">小米路由器</a>
						<span>|</span>
						<a href="">视频电话</a>
						<span>|</span>
						<a href="">小米后院</a>
						<span>|</span>
						<a href="">小米天猫店</a>
						<span>|</span>
						<a href="">小米淘宝直营店</a>
						<span>|</span>
						<a href="">小米网盟</a>
						<span>|</span>
						<a href="">小米移动</a>
						<span>|</span>
						<a href="">Select Region</a>
					</p>
					<p class="p">
					©
					<a href="">mi.com</a>
					京ICP证110507号
					<a href="">京ICP备10046444号</a>
					<a href="">京公网安备11010802020134号</a>
					<a href="">京网文[2014]0059-0009号 </a>

						</br>
						违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
					</p>
				</div>
				<div class="info">
					<img src="./image/link1.png" alt="">
					<img src="./image/link2.png" alt="">
					<img src="./image/link3.png" alt="">
					<img src="./image/link4.png" alt="">
				</div>
			</div>
			<div class="fashao">
				<img src="./image/slogan2016.png" alt="">
			</div>
		</div>
	</div>
	<!-- 友情链接块结束 -->
</body>
</html>